<template>
  <view>
    <view class="text-secondary" @click="openDialog">
      关注平安期货
    </view>
    <uni-popup ref="showTip" type="center">
      <view class="mx-auto col-8 col-lg-4 fs-6 bg-white text-dark rounded rounded-2">
        <view class="w-100 d-flex flex-column justify-content-center align-items-center">
          <view class="m-3 text-center">微信搜索平安期货微服务(paqhwfw)或扫码关注。</view>
          <view class="m-3 w-75 ratio ratio-1x1">
            <image src="/static/img/pingan_public.png"></image>
          </view>
        </view>
      </view>
      <view class="pt-2 d-flex justify-content-center">
        <view class="ratio ratio-1x1" style="width: 3rem;height: 3rem;">
          <image src="/static/img/叉号.svg" @click="cancel"></image>
        </view>
      </view>
    </uni-popup>
  </view>
</template>

<script>
import uniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";

export default {
  name: 'AttentionWx',
  components: {
    uniPopup,
  },
  data() {
    return {}
  },
  methods: {
    openDialog() {
      this.$refs["showTip"].open()
    },
    change(e) {
      console.log('是否打开:' + e.show)
    },
    cancel() {
      this.$refs['showTip'].close()
    },
  }
}
</script>

<style>
/deep/ .uni-popup__wrapper {
  width: 100%;
}
</style>
